<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习css</title>
		<style>
			/* 引入样式表 css2语法*/
			@import url(css/学习Css.css);
			
			/* 内部样式表：效果 
			所有p元素添加背景颜色：黄色
			选择器：抓取页面元素，统一添加
			*/
		   p{
			   background-color: yellow;
		   }
		</style>
		/* 外部样式表 href="相对路径+xxx.css"将css代码写在外面
					link可以创建多个必须平行
					*/
		<link rel="stylesheet" href="css/学习Css.css" />
	</head>
	<body>
		<!-- 什么是css？
		     cascading style sheets  层叠样式表，级联样式表，简称 样式表
			 【主要元素效果
			 html5  元素 属性与属性值--针对单个元素做效果
			 css    控制任何元素 简洁，推荐使用css代替html元素中属性与属性值
			 】
			 功能：实现内容与表现分离【html结构  css样式层】
			 二.使用css3样式表【效果，布局】
			  1.内联【级联】样式表：写法与属性与属性值基本一致【不用】
			  2.内部样式表：在head元素中添加style元素，css3语法【练习】
			  3.外部样式表：在head元素中 link外链【项目专用】
			  4.引入样式表【css2】：在style元素中添加@import（）【】
			三.css3基础语法
			选择器{
				属性：属性值;
			}
			重点：学习选择器使用--抓页面元素
			      css属性与属性值：边框，盒模型，浮动，文本元素样式，动画..
		 -->
		 <p align="center">lorem</p>
		 <p align="center">lorem</p>
		 <!-- 1.内联样式表语法：style="属性：属性值；属性:属性值；"-->
		 <p style="text-align: center;color: red">lorem</p>
		 <p align="center">lorem</p>
		 <p align="center">lorem</p>
		 
	</body>
</html>